@import "m_reset.scss";
@import "reset.scss";
@import "footer.scss";
@import url(https://at.alicdn.com/t/c/font_3631275_si43zg0tlvp.css);
@function getvw($w){
    @return ($w  /750)*100 + vw
}

.wrap{
    header{
        nav{
            display: flex;
            padding: getvw(17) getvw(23) getvw(9) getvw(23);
            align-items: center;
            justify-content: space-between;
            .logo{
                width: getvw(123);
                height: getvw(123);
            }
            .search{

                position: relative;
                input{
                    width: getvw(266);
                    height: getvw(56);
                    border: 1px solid #ff9344;
                    border-radius: getvw(50);
                    font-size: getvw(24);
                    padding: 0 getvw(25);
                }
                i{
                    font-size: getvw(30);
                    color:#ff9344;
                    position: absolute;
                    right: getvw(14);
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
            .area{
                position: relative;
                select{
                    width: getvw(160);
                    height: getvw(55);
                    border: 1px solid #ff9344;
                    appearance: none;
                    padding-left: getvw(14);
                }
                i{
                    font-size: getvw(30);
                    color:#ff9344;
                    position: absolute;
                    right: getvw(11);
                    top: 50%;
                    transform: translateY(-50%);
                    pointer-events: none;
                }
            }
        }
        .banner{
            .container{
                width: getvw(750);
                height: getvw(287);
                overflow: hidden;
            }
            ul {
                display: flex;
                animation: move 6s ease 0s infinite alternate;
              }
              ul li {
                /* flex:1干了哪些事情 */
                flex: 1;
                /* 清除列表前面的小圆点 */
                list-style: none;
                text-align: center;
                img{
                    width: getvw(750);
                    height:getvw(287) ;
                }
              }
              @keyframes move {
                from {
                  transform: translateX(0);
                }
                66.66% {
                  transform: translateX(getvw(-750));
                }
                to {
                  transform: translateX(getvw(-1500));
                }
              }
        }
    }
    main{
       
        .head{
            width: getvw(750);
            height: getvw(160);
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left{
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: getvw(25);
                img{
                    width:getvw(56);
                    height:getvw(54);
                    
                } 
                span{
                    font-size: getvw(50);
                    margin-left: getvw(8);
                   
                }  
            }
            .right{
                span{
                    font-size: getvw(40);
                    margin-right: getvw(8);
                }
                i{
                    font-size: getvw(48);
                    margin-right: getvw(8);
                    color: #ff9344;
                }
            }
            
        }
        .main1{
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: center;
            flex-direction:row;
            .main1_left{
               width: getvw(600);
               height: getvw(100);
               display: flex;
               justify-content: space-around;
               margin-bottom: getvw(27);
               img{
                width: getvw(240);
                height: getvw(95);
                }
            }
            .main1_right{
                width: getvw(590);
                height: getvw(100);
                display: flex;
                justify-content: space-around;
                img{
                    width: getvw(240);
                    height: getvw(95);
                    }
            }
            
        }
        .main2{
            a{
                display: flex;
                flex-wrap: wrap;
                .main2_left{
                    display: flex;
                    width: getvw(600);
                    height: getvw(130);
                    justify-content: space-around;
                    img{
                        width: getvw(210);
                        height: getvw(165);
                    }
                    .wenzi{
                        line-height: getvw(57);
                        p:nth-child(1){
                            font-size: 1.1rem;
                            font-weight: bold;
                        }
                        p:nth-of-type(2){
                            font-size: 1.2rem;
                            font-weight: bold;
                            color: #ff9344;
                        }
                        span:nth-last-of-type(1){
                            vertical-align: text-top;
                        }
                        span{
                            color: #494949;
                        }
                    }
                }
                .main2_right{
                    width: getvw(140);
                    height: getvw(165);  
                    display: flex;
                    flex-direction: column;
                    justify-content:space-between;
                    align-items: flex-end;
                    // line-height: getvw(55);
                    margin-bottom:getvw(30);
                    color: #494949;
                    font-size: .8933rem;
                   p:nth-child(1){
                    line-height: getvw(65);
                   }
                   
                }
            }
           
        }

    }
}